// links flowing inside normal text
a[clarus~=link]         { text-decoration: none; }
a[clarus~=link]:link    { color: $fg-navy; }
a[clarus~=link]:visited { color: $fg-maroon; }

// navigation menu items
a[clarus~=menu] {
   color: inherit;
   font-family: $sans;
   text-decoration: none;
   padding: 0.5em;
}
a[clarus~=menu]:hover            { background-image: linear-gradient( rgba(0,0,0,0.1), rgba(0,0,0,0.1) ); }
a[clarus~=menu][clarus~=current] { background-image: linear-gradient( rgba(0,0,0,0.2), rgba(0,0,0,0.2) ); }

// navigation headings
h1[clarus~=heading], h2[clarus~=heading], h3[clarus~=heading] {
   cursor: pointer;
   font-family: $display;
   padding: 0.5em;
}
